<template>
	<view>
		<view class="topbox">
			<view class=""
				style="background-color: #fff;display: flex;border-radius: 40rpx;padding: 15rpx;justify-content: space-between;align-items: center;">
				<input type="text" placeholder="请输入患者姓名/手机号" style="margin-left: 20rpx;" v-model="keywords"
					@input="getdata" />
				<image src="../../static/myGroup/suosou.png" mode=""
					style="width: 40rpx;height:40rpx;margin-right: 20rpx;"></image>
			</view>
			<view class="cds">
				<view :class="nav_index == 0 ? 'choice' : ''" @click="changenav(0)">
					全部
				</view>
				<view :class="nav_index == 1 ? 'choice' : ''" @click="changenav(1)">
					待支付
				</view>
				<view :class="nav_index == 2 ? 'choice' : ''" @click="changenav(2)">
					检测中
				</view>
				<view :class="nav_index == 3 ? 'choice' : ''" @click="changenav(3)">
					已完成
				</view>
			</view>
		</view>

		<view class="" style="margin-top: 10px;" v-if="datalist.length > 0">
			<view class=""
				style="padding: 30rpx;box-shadow: 1px 1px 4px 1px #ccc;width: 85%;margin: 0px auto;border-radius: 20rpx;margin-top: 20rpx;"
				v-for="(item,index) in datalist" @click="godetail(item.id)">
				<view class="" style="color: #ff0000;font-size: 28rpx;margin-bottom: 15rpx;"
					v-if="item.status == 2 && item.tips != ''">
					{{item.tips}}
				</view>
				<view class="" style="display: flex;justify-content: space-between;align-items: center;">
					<view class="">
						患者：{{item.username}}（{{item.usertel}}）
					</view>
					<view class="" style="font-size: 30rpx;">
						<!-- 待支付 -->
						<text v-if="item.status == 2">
							<text>已支付</text>
							<text v-if="item.abnormal == 1" style="color: red;">(检测异常)</text>
							<text v-else-if="item.detection_status == 1" style="color: green;">(检测中)</text>
							<text v-else-if="item.detection_status == 0" style="color: orange;">(未检测)</text>
						</text>
						<text v-if="item.status == 1">
							<text>待支付</text>
						</text>
						<text v-if="item.status == 3">
							<text style="color: green;">已完成</text>
						</text>
						<text v-if="item.status == 4">
							<text style="color: red;">已取消</text>
						</text>
						<!-- {{item.status == 1 ? '待支付' : item.status == 2 ? '检测中' : item.status == 3 ? '已完成' : '已取消'}} -->
					</view>
				</view>
				<view class=""
					style="display: flex;justify-content: space-between;align-items: center;font-size: 24rpx;color: #9e9e9e;margin-top: 20rpx;">
					<view class="">
						单号：{{item.order_id}}
					</view>
					<view class="">
						{{item.createtime}}
					</view>
				</view>
				<view class="xian"></view>

				<view class="" style="display: flex;justify-content: space-between;align-items: center;"
					v-for="(it,id) in item.items">
					<view class="" style="display: flex;flex-direction: column;width: 100%;">
						<view class="">
							{{id+1}}、{{it.name}}
						</view>

						<view class=""
							style="margin-left: 40rpx;color: #9e9e9e;font-size: 30rpx;margin-top: 5rpx;width:100%"
							v-for="(ss,aa) in it.sonitem">
							<span v-if="ss.device_type == 3 || ss.device_type == 6">
								请前往详情查看
							</span>

							<span v-else>
								{{ss.ssued}}:{{ss.result_data != '' && ss.result_data != null ? ss.result_data : ''}}
							</span>

							<span v-if="ss.abnormal == 0" :style="{'color':ss.status == 3 ? 'green' : 'red'}">({{ss.status == 3 ? '已检测' : '未检测'}})</span>
							<span v-else style="color: red;">(检测异常)</span>
							<span v-if="ss.device_type == 8 && ss.status == 2" class="saomajiance" @tap.stop="saoma(ss.id)">
								扫码检测
							</span>
							<text class="fls" @tap.stop="switch_type(index,id,aa)"
								v-if="ss.sample_type == 0 && ss.device_type == 6">血清</text>
							<text class="fls" @tap.stop="switch_type(index,id,aa)"
								v-if="ss.sample_type == 1 && ss.device_type == 6">血浆</text>
							<text class="fls" @tap.stop="switch_type(index,id,aa)"
								v-if="ss.sample_type == 2 && ss.device_type == 6">全血</text>
							<text class="fls" @tap.stop="switch_type(index,id,aa)"
								v-if="ss.sample_type == 3 && ss.device_type == 6">尿液</text>
							<text class="fls" @tap.stop="switch_type(index,id,aa)"
								v-if="ss.sample_type == 4 && ss.device_type == 6">分泌物</text>
							<text class="fls" @tap.stop="switch_type(index,id,aa)"
								v-if="ss.sample_type == 5 && ss.device_type == 6">质控</text>
							<text class="fls" @tap.stop="switch_type(index,id,aa)"
								v-if="ss.sample_type == 6 && ss.device_type == 6">末梢血</text>
						</view>
					</view>
					<view class="">
						<!-- ￥{{it.price}} -->
					</view>
				</view>
				<view class=""
					style="display: flex;justify-content: space-between;align-items: center;margin-top: 20rpx;">
					<view class="">

					</view>
					<view class="" style="color: red;">
						合计:￥{{item.pay_money}}
					</view>
				</view>
				<view class="xian" v-if="item.pay_status == 0"></view>
				<view class="" v-if="item.pay_status == 0"
					style="display: flex;justify-content: space-between;align-items: center;margin-top: 20rpx;">
					<view class="btn_b" @tap.stop="replace_pay(item.id)">
						代患者支付
					</view>
					<view class="btn_b" @tap.stop="dhm(item.id)">
						兑换码抵扣
					</view>
					<view class="btn_b" @tap.stop="canceorder(item.id,index)">
						取消订单
					</view>

				</view>
				<view class="" v-if="item.pay_status == 1 && item.status < 3"
					style="display: flex;justify-content: flex-end;align-items: center;margin-top: 20rpx;">
					<view class="btn_b" @tap.stop="sendorder(item.id,index)">
						发送订单
					</view>
					<!-- 	<view class="btn_b" @tap.stop="canceorder(item.id,index)" v-if="item.status == 2" style="margin-left: 10px;">
						退款
					</view> -->
				</view>
				<!-- @click="pay_order(item.id)" -->
				<view class="" v-if="item.pay_status == 0" @tap.stop="get_code(item.id)"
					style="display: flex;justify-content: space-between;align-items: center;margin-top: 20rpx;">
					<view class="btn_c">
						患者支付
					</view>
				</view>
			</view>
		</view>
		<view class="ccc" v-else>
			<image src="../../static/incomeDetail/wushiju.png" mode="" style="width: 100%;height: 100%"></image>
		</view>

		<uni-popup ref="popup" type="center" border-radius="10px 10px 10px 10px">
			<view class="" style="background-color: #fff;border-radius: 10px;padding: 20rpx;">
				<image :src="codeimg" mode="" style="width: 400rpx;height:400rpx;"></image>
				<view class="btn_c_2" @click="close_tc">
					关闭
				</view>
			</view>


		</uni-popup>
		<uni-popup ref="swtype" type="center" border-radius="10px 10px 0 0">
			<view class="swcontent">
				<view class="switem" v-for="(item,index) in swlist" :key="index">
					<view class="">
						{{item.name}}
					</view>
					<view class="swbtn" @click="swcom(item.id)">
						切换
					</view>
				</view>
			</view>
		</uni-popup>
	</view>
</template>

<script>
	var md5 = require('../../components/md5.js')
	export default {
		data() {
			return {
				nav_index: 0,
				datalist: [],
				keywords: '',
				status: 0,
				page: 1,
				codeimg: '',
				paytype: 2, // 默认随行付支付
				swlist: [{
						'id': 0,
						'name': '血清'
					},
					{
						'id': 1,
						'name': '血浆'
					},
					{
						'id': 2,
						'name': '全血'
					},
					{
						'id': 3,
						'name': '尿液'
					},
					{
						'id': 4,
						'name': '分泌物'
					},
					{
						'id': 5,
						'name': '质控'
					},
					{
						'id': 6,
						'name': '末梢血'
					},
				],
				index1: 0,
				index2: 0,
				index3: 0,
			}
		},
		onShow(option) {
			console.log('onshow')
			console.log(option)
			this.getpaytype()
		},
		onLoad(options) {
			console.log('onload')
			console.log(options)
			if (options.status && options.status != '') {
				this.nav_index = options.status
			}





			this.getdata()
			let that = this
			uni.$on('payresult', function(res) {
				console.log('收到消息')
				if (res.referrerInfo && res.referrerInfo.extraData) {
					// 用户点击【返回】按钮时可以收到的通知参数
					if (res.referrerInfo.extraData.payStatus === '0') {
						// 支付失败
						// ......
						console.log('支付失败')
					}
					if (res.referrerInfo.extraData.payStatus === '1') {
						// 支付成功
						// ......
						console.log('支付成功')
						that.page = 1
						that.datalist = []
						that.getdata()
					}
					if (res.referrerInfo.extraData.payStatus === '3') {
						// 用户取消支付
						// ......
						console.log('取消支付')
					}
				} else {
					// 不是通过点击【返回】按钮关闭半屏小程序时，可以通过场景值来判断是否是从另一个小程序返回的
					if (res.scene === 1038) {
						// 从另一个小程序返回
						// ......
					}
				}
			})

		},
		methods: {
			// 点击开始检测，验证数据
			saoma(id){
				var that = this
				uni.showLoading({
					title:'请求信息...'
				})
				uni.request({
					url: that.global.url + 'api/cebei/get_item_details',
					method: 'POST',
					header: {
						'token': uni.getStorageSync('hz_token')
					},
					data: {
						id: id,
					},
					success(res) {
						
						let result = res.data
						console.log(result)
						if (result.code == 1) {
							// 存用户信息
							if(result.data.assay_id == '' || result.data.assay_id == null){
								// 去扫码
								that.scan_code(result.data,id)
							}else{
								// 直接调用
								that.go_cebei(result.data)
							}
						} else {
							uni.showToast({
								title: result.msg,
								icon: 'none'
							})
						}
					},
					complete() {
						uni.hideLoading()
					}
				})
			},
			scan_code(params,id) {
				var that = this
				// 扫描试剂
				uni.scanCode({
				    success: function (res) {
				        params.assay_id = res.result
						// 绑定到订单中
						uni.showLoading({
							title:'加载中...'
						})
						uni.request({
							url: that.global.url + 'api/cebei/bind_assay_id',
							method: 'POST',
							header: {
								'token': uni.getStorageSync('hz_token')
							},
							data: {
								id: id,
								assay_id:res.result
							},
							success(res) {
								let result = res.data
								console.log(result)
								if (result.code == 1) {
									that.go_cebei(params)
								} else {
									uni.showToast({
										title: result.msg,
										icon: 'none'
									})
								}
							},
							complete() {
								uni.hideLoading()
							}
						})
						// that.go_cebei(params)
				    },
				    fail: function (err) {
				        uni.showToast({
				        	title:'扫码失败',
							icon:'error'
				        })
				    }
				});
			},

			// 进入插件检测
			go_cebei(params) {
				// 调用插件方法
				var myPluginInterface = requirePlugin('cebei');
				myPluginInterface.setDetectionInfo(params).then(result => {
					console.log(result)
					wx.redirectTo({
						url: 'plugin://cebei/cebei-page-index?detectionId=' + result.data.detection_id
					})
				})
			},



			swcom(sample_type) {
				let that = this
				console.log(that.datalist[that.index1]['items'][that.index2])
				var id = that.datalist[that.index1]['items'][that.index2]['sonitem'][that.index3]['id'];
				console.log(id)
				// return false;

				uni.showLoading({
					title: "加载中"
				})

				uni.request({
					url: that.global.url + 'api/lanbo/update_serial',
					method: 'POST',
					header: {
						'token': uni.getStorageSync('hz_token')
					},
					data: {
						id: id,
						sample_type: sample_type
					},
					success(res) {
						let result = res.data
						console.log(result)
						if (result.code == 1) {
							// 存用户信息
							uni.showToast({
								title: '更新成功',
								icon: 'none'
							})
							that.$refs.swtype.close()
							that.datalist[that.index1]['items'][that.index2]['sonitem'][that.index3][
								'sample_type'
							] = sample_type;
						} else {
							uni.showToast({
								title: result.msg,
								icon: 'none'
							})
						}
					},
					complete() {
						uni.hideLoading()
					}
				})
			},
			switch_type(index, id, aa) {
				console.log('切换方式')
				console.log(index, id, aa)
				let that = this
				that.$refs.swtype.open('center')
				that.index1 = index
				that.index2 = id
				that.index3 = aa

			},
			godetail(id) {
				uni.navigateTo({
					url: '/pages/checkorder/orderdetail?id=' + id
				})
			},
			tc() {
				let that = this
				that.$refs.popup.open('center')
			},
			close_tc() {
				let that = this
				that.codeimg = ''
				that.$refs.popup.close()
			},
			dhm(id) {
				var that = this
				// 输入兑换码
				uni.showModal({
					title: '请输入兑换码',
					content: '',
					editable: true, //是否显示输入框
					placeholderText: '请输入兑换码', //输入框提示内容
					confirmText: '确认',
					cancelText: '取消',
					success: (res) => {
						if (res.confirm) {
							let content = res.content;
							uni.showLoading({
								title: "加载中"
							})
							uni.request({
								url: that.global.url + 'api/device/dhm_pay',
								method: 'POST',
								header: {
									'token': uni.getStorageSync('hz_token')
								},
								data: {
									codes: content,
									order_id: id
								},
								success(res) {
									let result = res.data
									console.log(result)
									if (result.code == 1) {
										uni.showToast({
											title: '兑换成功',
											icon: 'none'
										})
										that.page = 1
										that.datalist = []
										that.getdata()

									} else {
										uni.showModal({
											title: '提示',
											// 提示文字
											content: result.msg,
											// 取消按钮的文字自定义
											showCancel: false,
											// 确认按钮的文字自定义
											confirmText: "确认",

											success: function(res) {
												if (res.confirm) {
													// 执行确认后的操作
												} else {
													// 执行取消后的操作
												}
											}
										})
									}
								},
								complete() {
									uni.hideLoading()
								}
							})


							// console.log('输入的内容：', res.content);
						}
					}
				});
			},


			/* 代替患者支付 */
			replace_pay(id) {
				let that = this
				console.log('请求的status', that.nav_index)
				uni.showLoading({
					title: "加载中"
				})
				let payurl = ''
				if (that.paytype == 1) {
					payurl = 'api/device/order_pay_wx'
				} else if (that.paytype == 2) {
					payurl = 'api/device/order_pay_sxf_v2'
				}
				uni.request({
					url: that.global.url + payurl,
					method: 'POST',
					header: {
						'token': uni.getStorageSync('hz_token')
					},
					data: {
						clinic_id: uni.getStorageSync('clinic_id'),
						id: id,
						identity: 5 // 医生
					},
					success(res) {
						let result = res.data

						console.log(result)
						if (result.code == 1) {
							if (that.paytype == 1) {
								if (result.data.need_pay == 1) {


									let pay_key = result.data.pay_key

									// return false;
									//obj里面的key一定要是驼峰名称
									let obj = {
										appId: result.data.payinfo.appid,
										nonceStr: result.data.payinfo.noncestr,
										package: "prepay_id=" + result.data.payinfo.package,
										signType: 'MD5',
										timeStamp: result.data.payinfo.timestamp
									}
									//参数名ASCII码从小到大排序（字典序）
									let arr = Object.keys(obj).sort().map(item => {
										return `${item}=${obj[item]}`;
									});
									//最后拼接上key（商户密钥）得到字符串
									let str = arr.join('&') + '&key=' + pay_key;
									console.log(str);
									//对str进行MD5运算，再将得到的字符串所有字符转换为大写
									console.log(result.data.payinfo.timestamp)
									let paySign = md5.hexMD5(str).toUpperCase()
									wx.requestPayment({
										timeStamp: result.data.payinfo.timestamp.toString(),
										nonceStr: result.data.payinfo.noncestr,
										package: "prepay_id=" + result.data.payinfo.package,
										signType: 'MD5',
										paySign: paySign,
										success: function(res) {
											// 支付成功
											uni.showModal({
												title: '提示',
												content: '支付成功',
												showCancel: false,
												success: function(res) {
													if (res.confirm) {
														// uni.navigateBack({
														// 	delta: 2
														// })
														that.datalist = []
														that.getdata()
													}
												}
											})
										},
										fail: function(res) {
											// 支付失败
											console.log(res)
											uni.showToast({
												title: '支付失败',
												icon: 'none'
											})
										}
									})
								} else {
									uni.showModal({
										title: '提示',
										content: '支付成功',
										showCancel: false,
										success: function(res) {
											that.datalist = []
											that.getdata()
										}
									})
								}
							} else {
								if (result.data.need_pay == 1) {
									wx.openEmbeddedMiniProgram({
										appId: "wx652466ba7957d4fc",
										path: result.data.sxf.respData.path,
										envVersion: 'release',
										success(res) {
											// 打开成功
											console.log(res);
										}
									
									})
								}else{
									uni.showModal({
										title: '提示',
										content: '支付成功',
										showCancel: false,
										success: function(res) {
											that.datalist = []
											that.getdata()
										}
									})
								}
								
							}

						} else {
							uni.showModal({
								title: '提示',
								// 提示文字
								content: result.msg,
								// 取消按钮的文字自定义
								showCancel: false,
								// 确认按钮的文字自定义
								confirmText: "确认",

								success: function(res) {
									if (res.confirm) {
										// 执行确认后的操作
									} else {
										// 执行取消后的操作
									}
								}
							})

						}

					},
					complete() {
						uni.hideLoading()
					}
				})
			},

			getpaytype() {
				let that = this
				// console.log('请求的status', that.nav_index)
				uni.showLoading({
					title: "加载中"
				})

				uni.request({
					url: that.global.url + 'api/index/getpaytype',
					method: 'POST',
					header: {
						'token': uni.getStorageSync('hz_token')
					},
					data: {

					},
					success(res) {
						let result = res.data
						console.log(result)
						if (result.code == 1) {
							// 存用户信息
							that.paytype = result.data
							// that.$refs.popup.open('center')

						} else {
							uni.showToast({
								title: result.msg,
								icon: 'none'
							})
						}
					},
					complete() {
						uni.hideLoading()
					}
				})
			},

			// 获取支付二维码
			get_code(id) {
				let that = this
				console.log('请求的status', that.nav_index)
				uni.showLoading({
					title: "加载中"
				})
				uni.request({
					url: that.global.url + 'api/device/get_code',
					method: 'POST',
					header: {
						'token': uni.getStorageSync('hz_token')
					},
					data: {
						id: id
					},
					success(res) {
						let result = res.data
						console.log(result)
						if (result.code == 1) {
							// 存用户信息
							that.codeimg = result.data
							that.$refs.popup.open('center')

						} else {
							uni.showModal({
								title: '提示',
								// 提示文字
								content: result.msg,
								// 取消按钮的文字自定义
								showCancel: false,
								// 确认按钮的文字自定义
								confirmText: "确认",

								success: function(res) {
									if (res.confirm) {
										// 执行确认后的操作
									} else {
										// 执行取消后的操作
									}
								}
							})
						}
					},
					complete() {
						uni.hideLoading()
					}
				})
			},
			pay_order(id) {
				let that = this
				console.log('请求的status', that.nav_index)
				uni.showLoading({
					title: "加载中"
				})
				uni.request({
					url: that.global.url + 'api/device/order_pay',
					method: 'POST',
					header: {
						'token': uni.getStorageSync('hz_token')
					},
					data: {
						id: id
					},
					success(res) {
						let result = res.data
						console.log(result)
						if (result.code == 1) {
							// 存用户信息
							console.log(result)
							// console.log( result.data.payinfo.respData.path)
							console.log(result.data.payinfo.code)
							if (result.data.payinfo.code == 1001) {
								uni.reLaunch({
									url: '/pages/device/payok' // 假设你想跳转到的页面路径是 /pages/index/index
								});
							} else if (result.data.payinfo.code == '0000') {
								wx.openEmbeddedMiniProgram({
									appId: "wx652466ba7957d4fc",
									path: result.data.payinfo.respData.path,
									envVersion: 'release',
									success(res) {
										// 打开成功
										console.log(res);
									}

								})
							} else {
								uni.showToast({
									title: result.msg,
									icon: 'error'
								})
							}
						} else {
							uni.showModal({
								title: '提示',
								// 提示文字
								content: result.msg,
								// 取消按钮的文字自定义
								showCancel: false,
								// 确认按钮的文字自定义
								confirmText: "确认",

								success: function(res) {
									if (res.confirm) {
										// 执行确认后的操作
									} else {
										// 执行取消后的操作
									}
								}
							})
						}
					},
					complete() {
						uni.hideLoading()
					}
				})
			},
			getdata() {
				let that = this
				console.log('请求的status', that.nav_index)
				uni.showLoading({
					title: "加载中"
				})
				uni.request({
					url: that.global.url + 'api/device/clinic_order',
					method: 'POST',
					header: {
						'token': uni.getStorageSync('hz_token')
					},
					data: {
						clinic_id: uni.getStorageSync('clinic_id'),
						status: that.nav_index,
						keyword: that.keywords,
						page: that.page
					},
					success(res) {
						let result = res.data
						console.log(result)
						if (result.code == 1) {
							// 存用户信息
							that.datalist = result.data.data
						} else {
							uni.showToast({
								title: result.msg,
								icon: 'none'
							})
						}
					},
					complete() {
						uni.hideLoading()
					}
				})
			},

			sendorder(id, i) {
				let that = this
				let tips = '如设备未显示订单可使用当前功能再次和设备通讯，如设备已显示请取消该操作'
				uni.showModal({
					title: '提示',
					content: tips,
					success: function(res) {
						if (res.confirm) {
							// 执行确认后的操作
							uni.showLoading({
								title: '加载中'
							})
							uni.request({
								url: that.global.url + 'api/device/sendorders',
								method: 'POST',
								header: {
									'token': uni.getStorageSync('hz_token')
								},
								data: {
									id: id
								},
								success(res) {
									let result = res.data
									console.log(result)
									if (result.code == 1) {
										uni.showToast({
											title: result.msg,
											icon: 'none'
										})

									} else {
										uni.showModal({
											title: '提示',
											// 提示文字
											content: result.msg,
											// 取消按钮的文字自定义
											showCancel: false,
											// 确认按钮的文字自定义
											confirmText: "确认",

											success: function(res) {
												if (res.confirm) {
													// 执行确认后的操作
												} else {
													// 执行取消后的操作
												}
											}
										})
									}
								},
								complete() {
									uni.hideLoading()
								}
							})
						} else {
							// 执行取消后的操作
						}
					}
				})

			},


			canceorder(id, i) {
				let that = this
				let tips = '退款后将撤回设备的检测项目并全额退款？'
				console.log(that.datalist[i])
				// 判断是否有已检测的项目，更改退款提示
				let data = that.datalist[i]

				for (var i = 0; i < data.items.length; i++) {
					var sonitem = data.items[i]['sonitem']
					for (var is = 0; is < sonitem.length; is++) {
						if (sonitem[is]['status'] == 3) {
							tips = '已有检测完成项目，将退回未检测项目金额'
						}
					}
				}

				uni.showModal({
					title: '提示',
					content: tips,
					success: function(res) {
						if (res.confirm) {
							// 执行确认后的操作
							uni.showLoading({
								title: '加载中'
							})
							uni.request({
								url: that.global.url + 'api/device/cances_order',
								method: 'POST',
								header: {
									'token': uni.getStorageSync('hz_token')
								},
								data: {
									id: id
								},
								success(res) {
									let result = res.data
									console.log(result)
									if (result.code == 1) {
										uni.showToast({
											title: result.msg,
											icon: 'none'
										})

										setTimeout(() => {
											that.getdata()
										}, 1000)
										that.getdata()
									} else {
										uni.showModal({
											title: '提示',
											// 提示文字
											content: result.msg,
											// 取消按钮的文字自定义
											showCancel: false,
											// 确认按钮的文字自定义
											confirmText: "确认",

											success: function(res) {
												if (res.confirm) {
													// 执行确认后的操作
												} else {
													// 执行取消后的操作
												}
											}
										})
									}
								},
								complete() {
									uni.hideLoading()
								}
							})
						} else {
							// 执行取消后的操作
						}
					}
				})


			},
			changenav(index) {
				this.nav_index = index
				this.getdata()
			}
		}
	}
</script>

<style>
	.saomajiance {
		float: right;
		margin-right: 6%;
		border: 2px solid green;
		color: green;
		padding: 3px 5px;
		font-size: 12px;
		border-radius: 5px;
		font-weight: bold;
	}

	.topbox {
		padding: 30rpx;
		background-color: #1262DB;
	}

	.choice {
		color: #fff;
		font-weight: bold;
		border-bottom: 2px solid #fff;
		padding-bottom: 10rpx;
	}

	.cds {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		margin: 0px auto;
		margin-top: 15px;
		color: #a7bbed;
		width: 93%;
	}

	.ccc {
		width: 30%;
		height: 227rpx;
		margin: 0px auto;
		margin-top: 30%;
	}

	.xian {
		border-bottom: 1px solid #e2e2e2;
		margin: 30rpx 0rpx;
	}

	.btn_b {
		border: 2px solid #1262DB;
		padding: 10rpx 20rpx;
		color: #1262DB;
		font-size: 28rpx;
		border-radius: 15rpx;
	}

	.btn_c {
		background: #1262DB;
		color: #fff;
		width: 100%;
		padding: 20rpx;
		text-align: center;
		margin-top: 15rpx;
		border-radius: 15rpx;
	}

	.btn_c_2 {
		background: #1262DB;
		color: #fff;

		padding: 20rpx;
		text-align: center;
		margin-top: 15rpx;
		border-radius: 15rpx;
	}

	.fls {
		font-size: 24rpx;
		color: red;
		margin-left: 20rpx;
		padding: 5rpx 10rpx;
		background-color: #e2e2e2;
		border-radius: 10rpx;

	}

	.swcontent {
		width: 500rpx;
		height: 570rpx;
		background-color: #fff;
		border-radius: 15rpx;
		padding: 30rpx;
	}

	.switem {
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-bottom: 20rpx;
		border-bottom: 1px solid #ccc;
		padding-bottom: 15rpx;
	}

	.swbtn {
		color: #fff;
		background-color: #1262DB;
		padding: 5rpx 10rpx;
		border-radius: 10rpx;
		font-size: 28rpx;

	}
</style>